.recharge-record-page{
    background: #fff;
}
h4{
    color: #000;
    margin: 0;
    font-weight: bold;
    font-size: 14px;
    line-height: 14px;
}
h6{
    margin-bottom: 0;
    color: #999;
    font-size: 12px;
    line-height: 12px;
    margin-top: 8px;
}
.total{
    padding: 9px 15px;
    height: 50px;
    background: #e7e7e7;
}
.back-icon {
    display: inline-block;
    width: 11px;
    height: 20px;
    background: url('../img/qq/icon_2@2x.png');
    background-size: 11px 20px;
}
.record-list{
    padding-left: 15px;
    margin: 0;
}
.record-list-item{
    padding: 15px 15px 10px 0;
    border-bottom: 1px solid #e7e7e7;
}
.record-list-item dt{
    float: left;
    margin-top: 2px;
}
.record-list-item dl{
    margin: 0;
}
.record-list-item dd{
    margin-left: 45px;
    color:#000;
    font-weight: bold;
    font-size:11px;
    line-height: 11px;
}
.record-list-item dd em{
    margin-left: 6px;
    font-style: normal;
    margin-top: 2px;
}
.recharge-way{
    font-size: 12px;
    line-height: 12px;
    margin-bottom: 7px;
}
.record-list-item dd .integral{
    float: right;
}
.record-list-item dd:last-child{
    color: #b8b8b8;
    margin-top: 9px;
    font-size: 9px;
    line-height: 9px;
}
.record-list-item dt span{
    display: inline-block;
    width: 35px;
    height: 35px;
}
.record-list-item .mobile-recharge{
    background: url('../img/record/mobile-recharge-record.png');
    background-size: 35px 35px;
}
.record-list-item .qq-recharge{
    background: url('../img/record/qq-recharge-record.png');
    background-size: 35px 35px;
}
.record-list-item .game-recharge{
    background: url('../img/record/game-recharge-record.png');
    background-size: 35px 35px;
}
.record-list-item .oil-recharge{
    background: url('../img/record/oil-recharge-record.png');
    background-size: 35px 35px;
}
.record-list-item .integral-recharge{
    background: url('../img/record/integral-recharge-record.png');
    background-size: 35px 35px;
}